<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../css/public/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="../../css/public/swiper.min.css" />
    <link rel="stylesheet" href="../../css/personal/family-news.css"/>
    <title>云谱头条</title>
</head>
<body>
<div id="familyNews">
    <header>
       <a href="javascript:;" onclick="window.history.back()" class="go-back">
           <i class="fa fa-angle-left" aria-hidden="true"></i>
			<span>返回</span>
        </a>	
        <h4>云谱头条</h4>
    </header>
    <section class="family-news">
    	<!---头部轮播--->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a href="../../html/find/news_detail.html">
						<img src="../../images/news_kongzi.jpg"/>
						<span class="new_font">这个家族竟是孔子的后代</span>
					</a>
				</div>
				<div class="swiper-slide">
					<a href="../../html/find/news_detail.html">
						<img src="../../images/news_zhangqian.jpg"/>
						<span class="new_font">看张骞的后代的高尚品德</span>
					</a>
				</div>
				<div class="swiper-slide">
					<a href="../../html/find/news_detail.html">
						<img src="../../images/news_yuefei.jpg"/>
						<span class="new_font">忠良之后世代保家卫国</span>
					</a>
				</div>
			</div>
			<!-- 分页器 -->
			<div class="swiper-pagination"></div>
		</div>
    	<ul class="new_content">
    		<li class="new_views">
    			<a href="../../html/find/news_detail.html">
	    			<div class="container">
	                    <div class="row">
	                    	<div class="col-xs-9 left_layout">
	                    		<p class="new_describe">四川女人来北京找男朋友，前后后花了17万</p>
	                    		<p class="issue_time">
	                    			<span>2017-06-01</span>
	                    			<span>15:24</span>
	                    		</p>
	                    	</div>
	                        <div class="col-xs-3 img_box right_layout"><img src="../../images/new_farmer.jpg" alt=""/></div>
	                    </div>
	                </div>
                </a>
    		</li>
    	</ul>
     <!-- <ul>
            <li><a href="">
                <span>震惊！18岁的花季少女在20年前离奇失踪，真相居然是这样的</span>
                <div class="container">
                    <div class="row">
                        <div class="col-xs-4"><img src="../images/123.jpg" alt=""/></div>
                        <div class="col-xs-4"><img src="../images/t012e3deb10889a8821%5B1%5D.jpg" alt=""/></div>
                        <div class="col-xs-4"><img src="../images/t0148b51611bb862cbf%5B2%5D.jpg" alt=""/></div>
                    </div>
                </div>
                <div class="time">发表于<span>30</span>分钟前</div>
            </a></li>
            <li><a href="">
                <span>震惊！18岁的花季少女在20年前离奇失踪，真相居然是这样的</span>
                <div class="container">
                    <div class="row">
                        <div class="col-xs-4"><img src="../images/123.jpg" alt=""/></div>
                        <div class="col-xs-4"><img src="../images/t012e3deb10889a8821%5B1%5D.jpg" alt=""/></div>
                        <div class="col-xs-4"><img src="../images/t0148b51611bb862cbf%5B2%5D.jpg" alt=""/></div>
                    </div>
                </div>
                <div class="time">发表于<span>1</span>小时前</div>
            </a></li>
        </ul>-->
    </section>
</div>
</body>
<script src="../../js/public/jquery-2.2.3.min.js"></script>
<script src="../../js/public/bootstrap.min.js"></script>
<script src="../../js/public/swiper.jquery.min.js"></script>
<script>
	$(function(){
		var mySwiper = new Swiper ('.swiper-container', {
		autoplay:2000,
	    loop: true,
	    autoplayDisableOnInteraction : false,
	    pagination: '.swiper-pagination',
  })        
	})
  
  </script>
</html>